<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"			
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

	<!-- 
		Explain: HTML tags with prefix h:
		
		* Totally 31 tags
		
		* The most important ones are:
		** head: Renders the header of a page 
		** outputText: Single line of text 
		** graphicImage: Displays an image
		** form: Renders a form
		** inputText: Single line input control
		** outputLabel: Label for another component (also for accessibility)
		** commandButton: Basically a submit button
		** messages: Displays all messages (e.g. validation messages)
		**
		** Lots of others. Please refer to the documentation.
	 -->

	<h:head>
	</h:head>
	<h:body> <!-- This tag is similar to the html body tag. In a facelets page, always use h:body. (this finally gives JSF the chance to access it programmatically  -->

		<h:messages />

		<h:outputText value="Hello world!" />
		<br />
		<h:form>
			<h:outputLabel value="Please enter your Name:" /> <h:inputText></h:inputText>
			<h:commandButton value="Submit" />
		</h:form>
		
		<h:graphicImage value="jsf.png"></h:graphicImage>
	</h:body>

</html>